<template>
  <div class="con">
      <div class="ne">附近商家</div>
      <Listbottom/>
      </div>
</template>

<script>
import Listbottom from '@/components/listb/listbottom.vue'
export default {
components:{
    Listbottom
}
}
</script>

<style scoped>
.ne{
     font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 17px;
    display: flex;
       justify-content: center;
       align-items: center;
}
.ne::before{
        content: '';
    height: 1px;
    width: 60px;
    background: #666;
    margin-right: 3px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    display: inline-block;
}
.ne::after{
    content: '';
    height: 1px;
    width: 60px;
    background: #666;
    margin-left: 3px;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    display: inline-block;
}
</style>